<script setup lang="ts">
import { useUserStore } from './stores/modules/user'
import { useToastStore } from '@/stores/modules/toast'
const toastStore = useToastStore()
const userStore = useUserStore()

if (!userStore.profile?.userId) {
  //设备信息
  const deviceInfo = uni.getSystemInfoSync()
  console.log('设备信息', deviceInfo)

  uni.showToast({
    title: '请登录',
    icon: 'error',
    duration: 1500,
  })
  setTimeout(() => {
    uni.redirectTo({
      url: '/pages/login/login',
    })
  }, 1500)
}
</script>
<template>
  <yz-tips v-if="toastStore.show" :title="toastStore.title"></yz-tips>
</template>
<style lang="scss">
* {
  box-sizing: border-box;
}
html {
  font-size: 14px;
}
#main {
  height: 100vh;
  width: 100vw;
  /* 该机型通知栏高度 */
  padding-top: $top-padding;
}
// button样式，在大多数情况下可用
.button {
  width: 100%;
  height: 46px;
  line-height: 46px;
  font-size: 16px;
  text-align: center;
  background-color: #02bdc6 !important;
  color: #ffffff !important;
  border-radius: 10px;
}
.button::after {
  border: none;
}
// 字体大小样式
.fs_10 {
  font-size: 10px;
}
.fs_12 {
  font-size: 12px;
}
.fs_14 {
  font-size: 14px;
}
.fs_15 {
  font-size: 15px;
}
.fs_16 {
  font-size: 16px;
}
.fs_18 {
  font-size: 18px;
}
.fs_20 {
  font-size: 20px;
}
.fs_24 {
  font-size: 24px;
}
.fs_30 {
  font-size: 30px;
}
.fw_400 {
  font-weight: 400;
}
.fw_600 {
  font-weight: 600;
}
.fw_700 {
  font-weight: 700;
}
// icon样式
.icon {
  width: 24px;
  height: 24px;
}
.mini_Icon {
  width: 20px;
  height: 20px;
}
.small_Icon {
  width: 24px;
  height: 24px;
}
.medium_Icon {
  width: 32px;
  height: 32px;
}
.large_Icon {
  width: 36px;
  height: 36px;
}
// 基础flex布局样式
.flex {
  display: flex;
  align-items: center;
}
// 文字溢出样式
.text_overflow {
  max-width: 100%;
  overflow: hidden;
  // white-space: nowrap;
  text-overflow: ellipsis;
  /*溢出隐藏*/
  display: -webkit-box;
  /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
  -webkit-line-clamp: 1;
  line-clamp: 1;
  /*用来限制在一个块元素显示的文本的行数。*/
  -webkit-box-orient: vertical;
  /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}
// 卡片样式
.card {
  border-radius: 8px;
  /* 白色背景090E1D 5% 16 32 */
  box-shadow: 0px 16px 32px 0px rgba(9, 14, 29, 0.05);
  /* #FFFFFF 白色 100 */
  background: rgb(255, 255, 255);
}
// 颜色
.color_fff {
  color: #fff;
}
.color_black {
  color: #000718;
}
.color_green {
  color: #00bec5;
}
.color_yellow {
  color: #f49b0a;
}
.color_red {
  color: #f73b4a;
}
.color_blue {
  color: #1064fb;
}
.color_text_gray {
  color: #adafb8;
}
.color_gray {
  color: #adafb8;
}
.uni-input-placeholder {
  color: #ccccd3;
  font-size: 14px;
}
</style>
